<template>
    <div class="homes">
        <div class="brandh">
            <img class="image" src="../../../assets/connextc.png" alt="">
            <div class="connect">
                <div class="customer">Connect with customers, Connect users</div>
                <p class="brands">We help brands understand, identify, engage and acquire consumers</p>
            </div>
        </div>
    </div>
</template>
<style scoped lang="less">
.homes {
    width: 100vw;
    // height: 87.9vh;
    background-color: #eee;

    .brandh {
        position: relative;
        width: 100vw;
        // height: 87.9vh;

        .image {
            width: 100%;
            height: 100%;
        }
    }

    .connect {
        position: absolute;
        top: 35%;
        left: 15%;
        width: 40vw;

        .brands {
            // width: 524px;
            // height: 84px;
            font-family: PingFang SC, PingFang SC;
            font-weight: 400;
            font-size: 2vw;
            color: #000000;
        }

        .customer {
            width: 50vw;
            height: 10vh;
            font-family: LINE Seed Sans, LINE Seed Sans;
            font-weight: 800;
            font-size: 3vw;
            color: #000000;
        }
    }
}
</style>